<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>审批流配置</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../../../component/elementUI/index.css">
    <link rel="stylesheet" href="dataFlow/dataFlow.css">
    <link rel="stylesheet" href="dataFlow/workflow.css">
</head>

<body>
    <div id="app" v-cloak class="minWidth">
        <div v-show="!queryObj.preview" class="fd-nav">
            <div class="fd-nav-left">
                <div class="fd-nav-back" @click="toReturn">
                    <i class="anticon anticon-left"></i>
                </div>
                <div class="fd-nav-title">审批流程</div>
            </div>
            <div class="fd-nav-right">
                <button type="button" class="ant-btn button-publish" @click="saveSet">
                    <span>保 存</span>
                </button>
            </div>
        </div>
        <div class="fd-nav-content">
            <section class="dingflow-design" :style="queryObj.preview?'overflow: hidden;':''">
                <div v-show="!queryObj.preview" class="zoom">
                    <div class="zoom-out" :class="nowVal == 50 && 'disabled'" @click="zoomSize(1)"></div>
                    <span>{{ nowVal }}%</span>
                    <div class="zoom-in" :class="nowVal == 300 && 'disabled'" @click="zoomSize(2)"></div>
                </div>
                <div class="box-scale" :style="`transform: scale(${(queryObj.preview? 50:nowVal) / 100});`">
                    <node-wrap :node-config.sync="nodeConfig" :flow-permission.sync="flowPermission"></node-wrap>
                    <div class="end-node">
                        <div class="end-node-circle"></div>
                        <div class="end-node-text">流程结束</div>
                    </div>
                </div>
            </section>
        </div>
        <error-dialog :visible.sync="tipVisible" :list="tipList"></error-dialog>
        <promoter-drawer></promoter-drawer>
        <approver-drawer :director-max-level="directorMaxLevel" /></approver-drawer>
        <copyer-drawer></copyer-drawer>
        <condition-drawer></condition-drawer>
    </div>
    <script type="text/javascript" src="../../../utils/jquery-3.6.0.min.js"></script>
    <script type="text/javascript" src="../../../utils/jquery.cookie.js"></script>
    <script type="text/javascript" src="../../../utils/vue.min.js"></script>
    <script type="text/javascript" src="../../../utils/vuex.min.js"></script>
    <script type="text/javascript" src="../../../component/elementUI/index.js"></script>
    <script type="text/javascript" src="../../../utils/utils.js"></script>
    <script type="text/javascript" src="../../../utils/ID_Validity.js"></script>
    <script type="text/javascript" src="dataFlow/dataFlow.js"></script>
    <script type="text/javascript" src="js/dataFlow.js"></script>
</body>

</html>